<style>
  #side-menu > li.active {
    background: #e8f7ff;
  }
  .fixed-nav .slimScrollDiv #side-menu {
    padding-bottom: 60px;
  }
  .skin-2 #side-menu > li > a{
    color: #586b7d;
  }

  #side-menu2 > li.active {
    background: #e8f7ff;
  }
  .fixed-nav .slimScrollDiv #side-menu2 {
    padding-bottom: 60px;
  }
  .skin-2 #side-menu2 > li > a{
    color: #586b7d;
  }
</style>
<nav class="commonNavigation navbar-default navbar-static-side" role="navigation">
  <div class="sidebar-collapse">
    <!-- 未来课堂 -->
    <ul ng-if="mainCtrl.platValue==1" side-navigation class="nav metismenu" id="side-menu">
      <!--订单管理-->
      <li ng-if="mainCtrl.resources.indexOf('订单列表') !== -1"
          ng-class="{active: $state.includes('home.order')}">
        <a class="nava" ui-sref="home.order.orderList">
          <i class="iconfont icon-dingdan"></i>
          <span class="nav-label">订单管理</span>
        </a>
        <ul class="nav nav-second-level collapse" ng-class="{in: $state.includes('home.order')}">
          <li ui-sref-active="active" ng-if="mainCtrl.resources.indexOf('订单列表') !== -1">
            <a ui-sref="home.order.orderList"><i class="iconfont icon-dingdan"
                                                style="position: absolute;margin-left: -36px;color: #e8f7ff;margin-top: -3px;"></i>订单列表</a>
          </li>
        </ul>
      </li>
      <!--用户管理-->
      <li ng-if="mainCtrl.resources.indexOf('用户列表') !== -1"
          ng-class="{active: $state.includes('home.user')}">
        <a class="nava" ui-sref="home.user.userList">
          <i class="iconfont">&#xe61d;</i>
          <span class="nav-label">用户管理</span>
        </a>
        <ul class="nav nav-second-level collapse" ng-class="{in: $state.includes('home.user')}">
          <li ui-sref-active="active" ng-if="mainCtrl.resources.indexOf('用户列表') !== -1">
            <a ui-sref="home.user.userList"><i class="iconfont"
                                                style="position: absolute;margin-left: -36px;color: #e8f7ff;margin-top: -3px;">&#xe61d;</i>用户列表</a>
          </li>
        </ul>
      </li>

      <!--图书分类-->
      <li ng-if="mainCtrl.resources.indexOf('书籍列表') !== -1"
          ng-class="{active: $state.includes('home.commodity')}">
        <a class="nava" ui-sref="home.commodity.commodityList">
          <i class="iconfont">&#xe60f;</i>
          <span class="nav-label">书籍管理</span>
        </a>
        <ul class="nav nav-second-level collapse" ng-class="{in: $state.includes('home.commodity')}">
          <li ui-sref-active="active" ng-if="mainCtrl.resources.indexOf('图书分类') !== -1">
            <a ui-sref="home.commodity.commodityList"><i class="iconfont"
                                                style="position: absolute;margin-left: -36px;color: #e8f7ff;margin-top: -3px;">&#xe60f;</i>商品列表</a>
          </li>
        </ul>
      </li>
			

      <!--图书资讯管理-->
      <li ng-if="mainCtrl.resources.indexOf('图书资讯列表') !== -1"
          ng-class="{active: $state.includes('home.news')}">
        <a class="nava" ui-sref="home.news.newsList">
          <i class="iconfont">&#xe638;</i>
          <span class="nav-label">图书资讯管理</span>
        </a>
        <ul class="nav nav-second-level collapse" ng-class="{in: $state.includes('home.news')}">
          <li ui-sref-active="active" ng-if="mainCtrl.resources.indexOf('图书资讯列表') !== -1">
            <a ui-sref="home.news.newsList"><i class="iconfont"
                                                style="position: absolute;margin-left: -36px;color: #e8f7ff;margin-top: -3px;">&#xe638;</i>新闻资讯列表</a>
          </li>
        </ul>
      </li>
      <!--留言管理-->
      <li ng-if="mainCtrl.resources.indexOf('留言列表') !== -1"
          ng-class="{active: $state.includes('home.message')}">
        <a class="nava" ui-sref="home.message.messageList">
          <i class="iconfont icon-dingdan"></i>
          <span class="nav-label">留言管理</span>
        </a>
        <ul class="nav nav-second-level collapse" ng-class="{in: $state.includes('home.message')}">
          <li ui-sref-active="active" ng-if="mainCtrl.resources.indexOf('留言列表') !== -1">
            <a ui-sref="home.message.messageList"><i class="iconfont icon-dingdan"
                                                style="position: absolute;margin-left: -36px;color: #e8f7ff;margin-top: -3px;"></i>留言列表</a>
          </li>
        </ul>
      </li>

      <!--管理员管理-->
      <li ng-class="{active: $state.includes('home.manager')}"
          ng-if="mainCtrl.resources.indexOf('管理员列表') !== -1">
        <a class="nava" ui-sref="home.manager.managerList">
          <i class="iconfont icon-shouhou"></i>
          <span class="nav-label">管理员管理</span>
        </a>
        <ul class="nav nav-second-level collapse" ng-class="{in: $state.includes('home.manager')}">
          <li ui-sref-active="active" ng-if="mainCtrl.resources.indexOf('管理员列表') !== -1">
            <a ui-sref="home.manager.managerList"><i class="iconfont icon-shouhou"
                                                     style="position: absolute;margin-left: -36px;color: #e8f7ff;margin-top: -3px;"></i>管理员列表</a>
          </li>
        </ul>
      </li>
    </ul>
  </div>
</nav>
